.assignment-wrapper {
  height: 100%;
  width: 100%;
  overflow: auto;

  .evaluation-item {
    height: 430px;
    width: 60%;
    background-color: #fff;
    margin: 0 auto;
    border: 2px solid #409eff;
    border-radius: 12px 12px 12px 12px;
    position: relative;
    margin-top: 40px;
    .module-title {
      height: 60px;
      line-height: 60px;
      border-bottom: 1px solid #e8e8e8;
      padding-left: 24px;
      font-size: 16px;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      display: flex;
      justify-content: space-between;

      .year {
        background-image: url('../../assets/images/evaluation/year-bg.png');
        width: 200px;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 33px;
        font-weight: 700;
      }
    }

    .module-content {
      padding: 24px;

      > div {
        display: flex;
        justify-content: space-between;
        > div:first-child {
          width: 30%;
        }

        > div:nth-child(2) {
          width: 30%;
        }

        > div:nth-child(3) {
          width: 30%;
        }

        .label {
          font-size: 14px;
          font-family: PingFang SC-Medium, PingFang SC;
          font-weight: 500;
          color: #333333;
        }

        span {
          font-size: 14px;
          font-family: PingFang SC-Medium, PingFang SC;
          font-weight: 500;
          color: #999999;
        }

        .detail {
          font-size: 12px;
          font-family: PingFang SC-Medium, PingFang SC;
          font-weight: 500;
          color: #409fff;
          cursor: pointer;
        }
      }

      .entrance {
        justify-content: center;
        cursor: pointer;
        text-decoration: underline;
        color: #409eff;
      }

      > div:not(:first-child) {
        margin-top: 16px;
      }

      .first-row {
        justify-content: unset;
        .name {
          font-size: 24px;
          font-family: PingFang SC-Bold, PingFang SC;
          font-weight: bold;
          color: #333333;
        }

        .content {
          font-size: 14px;
          font-family: PingFang SC-Medium, PingFang SC;
          font-weight: 500;
          color: #999999;
          display: flex;
          margin-left: 16px;
          align-items: center;
        }
      }

      .second-row {
        > div:nth-child(2) {
          text-align: center;
        }
      }
    }
  }
}
